const {
    createProxyMiddleware
} = require('http-proxy-middleware');
module.exports = function (app) {
    app.use(
        '/api1', //前缀
        createProxyMiddleware({
            target: 'http://localhost:5000', //目标服务器
            changeOrigin: true,
            /*
                changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000
                changeOrigin设置为false时，服务器收到的请求头中的host为：localhost:3000
                changeOrigin默认值为false，但我们一般将changeOrigin值设为true
            */
            pathRewrite: {
                '^/api1': ''
            }
        })
    );
    app.use(
        '/api2', //前缀
        createProxyMiddleware({
            target: 'http://localhost:5001', //目标服务器
            changeOrigin: true,
            pathRewrite: {
                '^/api2': ''
            }
        })
    );
};



/* 
    方法1：
        1. 优点：配置简单，前端请求资源时可以不加任何前缀。
        2. 缺点：不能配置多个代理。
        3. 工作方式：上述方式配置代理，当用Ajax请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）


    方法2：
        1. 优点：可以配置多个代理，可以灵活的控制请求是否走代理。
        2. 缺点：配置繁琐，前端请求资源时必须加前缀

*/